<template>
    <el-popconfirm
        width="240px"
        :confirm-button-text="confirmText"
        :cancel-button-text="cancelText"
        :icon="InfoFilled"
        icon-color="#626AEF"
        :title="info"
        @confirm="onConfirm"
    >
        <template #reference>
            <div style="color:var(--warningTextColor);"><i class="ri-delete-bin-line"></i><span>{{  text }}</span>
            </div>
        </template>
    </el-popconfirm>
</template>

<script setup>
	import { InfoFilled } from '@element-plus/icons-vue';
    const props = defineProps({
        text:{ type:String, default:'删除' },
        info:{ type:String, default:'确认要删除这个吗？' },
        confirmText:{ type:String, default:'确认' },
        cancelText:{ type:String, default:'取消' },
        onConfirm:{ type:Function, default:()=>{} }
    })
</script>